<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>高校二手书交易平台</title>
    <link rel="stylesheet" href="../static/css/index/index.css">
    <link rel="stylesheet" href="../static/css/common/pullnav.css">
    <script src="../static/plugins/jquery-3.2.1.min.js"></script>
    <script src="../static/api/index.js"></script>
    <script src="../static/js/index-page-load.js"></script>
</head>

<body>
    <!-- 1.头部区域开始啦 -->
    <div class="header w">
        <div class="topnav">
        <!-- title部分 -->
        <div class="title">
            高校二手书交易平台 欢迎您！
        </div>
        <!-- 导航栏部分 nav -->
        <div class="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">消息</a>
                    <ul class="dropdown">
                        <li><a href="#">消息1</a></li>
                        <li><a href="#">消息2</a></li>
                        <li><a href="#">消息3</a></li>
                      </ul>
                </li>
                <li><a href="#">发布书籍</a></li>
                <li><a href="#">我的订单</a>
                    <ul class="dropdown">
                        <li><a href="#">已收货</a></li>
                        <li><a href="#">待收货</a></li>
                        <li><a href="#">待付款</a></li>
                        <li><a href="#">待评价</a></li>
                      </ul>
                </li>
                <li><a href="#">个人中心</a>
                    <ul class="dropdown">
                        <li><a href="#">个人资料</a></li>
                        <li><a href="#">校园认证</a></li>
                        <li><a href="#">我的动态</a></li>
                      </ul>
                </li>
                <li><a href="#">设置</a></li>
                <li><a href="#">小程序版</a></li>
            </ul>
        </div>
        <!-- 用户模块 -->
        <div class="user">
            <a href="#" id="name" style="color: #333;"><img src="images/user.png" alt="" style="vertical-align: middle;">
            <span>星星的星星</span></a>
            <ul class="dropdown">
                <li><a href="#">退出登录</a></li>
                <li><a href="#">客服求助</a></li>
            </ul>
        </div>
    </div>
</div>
    <!-- 头部区域结束啦 -->
    <!-- 搜索区域 -->
    <div class="top w">
        <div class="topic">
            高校二手书交易平台<span>-为全国高校学子服务</span>
        </div>
        <div class="search-box">  
        <div class="search">
                <input type="search" placeholder="书籍名称、作者、出版社、分类">
                <button>搜 索</button>
                <span><a href="#">高级搜索</a></span>
        </div>
        <div class="hotword">
            <a href="#" style="color: #b1191a;">高等数学</a>
            <a href="#" style="color: #b1191a;">Java</a>
            <a href="#">大学物理</a>
            <a href="#">经济学</a>
            <a href="#">教育心理学</a>
            <a href="#">材料力学</a>
            <a href="#">单片机教程</a>
            <a href="#">马克思</a>
            <a href="#">毛泽东思想</a>
            <a href="#">社会心理学</a>
        </div>
    </div>   
        <!-- <div class="code">
            <img src="images/code.jpg">
        </div> -->
    </div>


    <!-- 中间区域 -->
  <div class="banner">
 
        <div class="w">
            <div class="subnav">
                <ul>
                    <li><a href="#">文学 <span> &gt; </span></a></li>
                    <li><a href="#">历史学 <span> &gt; </span> </a></li>
                    <li><a href="#">音乐学 <span> &gt; </span> </a></li>
                    <li><a href="#">美术学 <span> &gt; </span> </a></li>
                    <li><a href="#">计算机科学 <span> &gt; </span> </a></li>
                    <li><a href="#">建筑学 <span> &gt; </span> </a></li>
                    <li><a href="#">人工智能 <span> &gt; </span> </a></li>
                    <li><a href="#">体育学 <span> &gt; </span> </a></li>
                    <li><a href="#">教育学 <span> &gt; </span> </a></li>
                </ul>
            </div>

        
            <div class="cart">
                <h2>我的购物车</h2>
                <div class="bd">
                    <ul>
                        <li>
                        <a href="#">
                            <h4>高等数学 人教版 上册</h4>
                            <p>￥12--待支付</p>
                        </a>
                        </li>
                        <li>
                        <a href="#">
                            <h4>Java程序语言设计</h4>
                            <p>￥5--待支付</p>
                        </a>
                        </li>
                        <li>
                        <a href="#">
                            <h4>C/C++程序语言设计</h4>
                            <p>￥8--待支付</p>
                        </a>
                        </li>
                    </ul>

                    <a href="#" class="more">购物车详情</a>
                </div>
            </div>
        </div>
    </div>

    <!-- 书籍推荐 -->
    <div class="box w">
         <div class="box-hd">
            <h3>书籍推荐</h3>
            <a href="#">查看全部</a>
        </div>
        <div class="box-bd">
            <ul class="clearfix">
                <li>
                    <a href="http://39.106.137.246/pages/book/bookSell.html">
                    <img src="../static/images/code.jpg" alt="">
                    <h4>
                        Java 2实用教程（第五版）
                    </h4>
                    <div class="info">
                        <span>最热门</span> • 1125人想要
                    </div>
                    </a>
                </li>
                <li>
                    <a href="http://39.106.137.246/pages/book/bookSell.html">
                    <img src="../static/images/pic.png" alt="">
                    <h4>
                        Java 2实用教程（第五版）
                    </h4>
                    <div class="info">
                        <span>最热门</span> • 1125人想要
                    </div>
                    </a>
                </li>
                <li>
                    <a href="http://39.106.137.246/pages/book/bookSell.html">
                    <img src="../static/images/pic.png" alt="">
                    <h4>
                        Java 2实用教程（第五版）
                    </h4>
                    <div class="info">
                        <span>最热门</span> • 1125人想要
                    </div>
                    </a>
                </li>
                <li>
                    <a href="http://39.106.137.246/pages/book/bookSell.html">
                    <img src="../static/images/pic.png" alt="">
                    <h4>
                        Java 2实用教程（第五版）
                    </h4>
                    <div class="info">
                        <span>最热门</span> • 1125人想要
                    </div>
                    </a>
                </li>
                <li>
                    <a href="http://39.106.137.246/pages/book/bookSell.html">
                    <img src="../static/images/pic.png" alt="">
                    <h4>
                        Java 2实用教程（第五版）
                    </h4>
                    <div class="info">
                        <span>最热门</span> • 1125人想要
                    </div>
                    </a>
                </li>
                <li>
                    <a href="http://39.106.137.246/pages/book/bookSell.html">
                    <img src="../static/images/pic.png" alt="">
                    <h4>
                        Java 2实用教程（第五版）
                    </h4>
                    <div class="info">
                        <span>最热门</span> • 1125人想要
                    </div>
                    </a>
                </li>
                <li>
                    <a href="http://39.106.137.246/pages/book/bookSell.html">
                    <img src="../static/images/pic.png" alt="">
                    <h4>
                        Java 2实用教程（第五版）
                    </h4>
                    <div class="info">
                        <span>最热门</span> • 1125人想要
                    </div>
                    </a>
                </li>
                <li>
                    <a href="http://39.106.137.246/pages/book/bookSell.html">
                    <img src="../static/images/pic.png" alt="">
                    <h4>
                        Java 2实用教程（第五版）
                    </h4>
                    <div class="info">
                        <span>最热门</span> • 1125人想要
                    </div>
                    </a>
                <li>
                    <a href="http://39.106.137.246/pages/book/bookSell.html">
                    <img src="../static/images/pic.png" alt="">
                    <h4>
                        Java 2实用教程（第五版）
                    </h4>
                    <div class="info">
                        <span>最热门</span> • 1125人想要
                    </div>
                    </a>
                </li>
                <li>
                    <a href="http://39.106.137.246/pages/book/bookSell.html">
                    <img src="../static/images/pic.png" alt="">
                    <h4>
                        Java 2实用教程（第五版）
                    </h4>
                    <div class="info">
                        <span>最热门</span> • 1125人想要
                    </div>
                    </a>
                </li>

            </ul>
        </div>
    </div>
    <!-- 4. box核心内容区域结束 -->

    <!-- 5. footer 模块制作 -->
    <div class="footer">
        <div class="w">
            <div class="mod_copyright">
                <div class="links">
                    <a href="#">关于我们</a> | <a href="#">联系我们</a> | 联系客服 | 店铺入驻 | 营销中心 | 小程序端 | 友情链接 | 书籍联盟 | 高校社区 |
                    公益平台 | English Site | Contact U
                </div>
                <div class="copyright">
                    地址：广东省江门市蓬江区五邑大学 邮编：529000 电话：13652840560 传真：15282625493 邮箱: roysxlife@163.com <br>
                    
                </div>
            </div>
        </div>
    </div>

</body>

</html>